<html>
	<head>
		<title> New Document </title>
		<meta name="author" content="stev" />
		<meta http-equiv="content-script-type" content="text/javascript">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<!-- <link rel="stylesheet" type="text/css" href="dist/jquery.gridster.css"> -->
		<!-- <script type="text/javascript" src="jquery/jquery.js"></script>
		<script type="text/javascript" src="dist/jquery.gridster.js" charset="utf-8"></script> -->
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="js/jquery.gridster.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/jquery.gridster.min.css">
	</head>
	<style>
		body{
			font-family: Helvetica, arial, sans-serif;
			margin:150px auto;
			background: #004756;
			color: #fff;
			font-size: 12px;
			width:940px;
		}
 
		h1{
			padding:10px;
			font-size: 38px;
		}
		
		ul{
			list-style: none;
		}
		
		li{
			background-color: white;
			cursor: pointer;
			color:#000;
		}
	</style>

	<script type="text/javascript">
	$(function() {
   $(".gridster ul").gridster({
       widget_margins: [10, 10],
       widget_base_dimensions: [140, 140]
   });
});
	</script>
	<body>
		<article>
			<h1>GridSter Demo (li)</h1>

			<section>
				<div>
   <ul>
       <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
       <li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
       <li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>
       <li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li>
       <li data-row="2" data-col="2" data-sizex="2" data-sizey="2"></li>
       <li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
       <li data-row="2" data-col="4" data-sizex="2" data-sizey="1"></li>
       <li data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li>
       <li data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
       <li data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li>
       <li data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li>
       <li data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li>
   </ul>
</div>
			</section>

		</article>
	</body>
</html>
